<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/font_2960521_rqz39d8moo.css"
    />
    <link rel="stylesheet" href="./css/commond.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/header-login.css" />
    <link rel="stylesheet" href="./css/banner.css" />
    <link rel="stylesheet" href="./css/banner-menu.css" />
    <link rel="stylesheet" href="./css/banner2.css" />
    <link rel="stylesheet" href="./css/showcase.css" />
    <link rel="stylesheet" href="./css/page-footer.css" />
    <link rel="stylesheet" href="./css/fixed.css" />
  </head>
  <body>
    <!-- 页头区域 -->
    <div class="header clearfix">
      <div class="container">
        <!-- 左浮动区域 -->
        <div class="left-area clearfix">
          <ul class="clearfix">
            <li class="fl"><a>小米商城</a></li>
            <li class="fl"><a>MIUI</a></li>
            <li class="fl"><a>loT</a></li>
            <li class="fl"><a>云服务</a></li>
            <li class="fl"><a>天星数科</a></li>
            <li class="fl"><a>有品</a></li>
            <li class="fl"><a>小爱开发平台</a></li>
            <li class="fl"><a>企业团购</a></li>
            <li class="fl"><a>资质证照</a></li>
            <li class="fl"><a>协议规则</a></li>
            <li class="fl"><a>下载app</a></li>
            <li class="fl"><a>智能生活</a></li>
            <li class="fl"><a>Select Locstion</a></li>
          </ul>
        </div>
        <!-- 左浮动区域 结束-->
        <!-- 右浮动区域 -->
        <div class="right-area clearfix">
          <ul class="clearfix">
            <li class="fl"><a>登录</a></li>
            <li class="fl"><a>注册</a></li>
            <li class="fl"><a>消息通知</a></li>
          </ul>
        </div>
        <div class="gwc fr">
          <i class="iconfont i-car"></i>
          <a>购物车<span>(0)</span></a>
          <div class="shopping">购物车里面还没有东西，赶紧选购吧</div>
        </div>
        <!-- 右浮动区域 结束-->
      </div>
      <!-- 页头区域 结束-->
    </div>

    <!-- log菜单 -->
    <div class="log-menu">
      <div class="container">
        <!-- log -->
        <div class="log-menu-log">
          <a class="clearfix" href=""
            ><img class="fl" src="./img/logo.png" alt=""
          /></a>
        </div>
        <!-- 菜单区域 -->
        <div class="log-menu-menu clearfix">
          <div class="fl first-a">
            <a href="">小米手机</a>
            <div class="first-a-xlk clearfix">
              <div class="yd">
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>
                <div class="menu-product fl">
                  <a href="">
                    <div class="menu-product-phone">
                      <img src="./img/product.webp" alt="" />
                    </div>
                    <p>RedMi Note 11 5G</p>
                    <p>1199元起</p>
                  </a>
                </div>

                <div class="menu-product">
                  <a href="">
                    <div></div>
                    <p></p>
                    <p></p>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="fl second-a"><a href="">红米手机</a></div>
          <div class="fl third-a"><a href="">电视</a></div>
          <div class="fl fourth-a"><a href="">笔记本</a></div>
          <div class="fl five-a"><a href="">平板</a></div>
          <div class="fl six-a"><a href="">家电</a></div>
          <div class="fl seven-a"><a href="">路由器</a></div>
          <div class="fl eight-a"><a href="">服务</a></div>
          <div class="fl ninth-a"><a href="">社区</a></div>
        </div>
        <!-- 搜索框区域 -->
        <div class="log-menu-search clearfix fr">
          <form class="fr">
            <input class="fl" type="search" placeholder="手机" />
            <button class="fl" type="button">
              <i class="i-fangdajing iconfont"></i>
            </button>

            <div class="search-xlk">
              <ul>
                <li>全部商品</li>
                <li>电视</li>
                <li>红米</li>
                <li>洗衣机</li>
                <li>小米平板</li>
                <li>冰箱</li>
                <li>小米手机</li>
                <li>空调</li>
              </ul>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- log菜单结束 -->

    <!-- 横幅区域 -->
    <div class="banner">
      <!-- 主区域 -->
      <div class="banner-prime-area container">
        <!-- 轮播图 -->
        <div class="banner-all-img clearfix">
          <img class="fl" src="./img/banner.jpeg" alt="" />
          <img class="fl" src="./img/banner2.jpg" alt="" />
          <img class="fl" src="./img/banner3.jpg" alt="" />
        </div>
        <div class="banner-iconfont">
          <i class="i-left iconfont"></i>
        </div>
        <div class="banner-iconfont">
          <i class="i-right iconfont"></i>
        </div>
        <div class="banner-circle-dot">
          <span class="banner-dot banner-selected"></span>
          <span class="banner-dot"></span>
          <span class="banner-dot"></span>
        </div>
        <!-- 菜单 -->
        <div class="banner-men container">
          <ul class="banner-menu">
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">手机</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/mobile.webp" alt="" class="fl" />
                  <span class="fl">Note 11 Pro 系列</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">电视</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/tv.webp" alt="" class="fl" />
                  <span class="fl">Redmi 智能电视X65 2022款</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">笔记本 平板</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/notebook.webp" alt="" class="fl" />
                  <span class="fl">小米笔记本 Pro 14 锐龙版</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">家电</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/fridge.webp" alt="" class="fl" />
                  <span class="fl">冰箱</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">出行 穿戴</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/watch.webp" alt="" class="fl" />
                  <span class="fl">Redmi 手表 2</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">智能 路由器</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/ai.webp" alt="" class="fl" />
                  <span class="fl">CyberDog</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">电源 配件</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/power.webp" alt="" class="fl" />
                  <span class="fl">移动电源</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">健康 儿童</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/health.webp" alt="" class="fl" />
                  <span class="fl">米家跑步机</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">耳机 音箱</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/earphone.webp" alt="" class="fl" />
                  <span class="fl">Redmi Buds 3 青春版</span>
                </a>
              </div>
            </li>
            <li>
              <div class="banner-menu-item clearfix">
                <span class="fl">生活 箱包</span>
                <i class="iconfont i-right fr"></i>
              </div>
              <div class="banner-sub-menu">
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
                <a href="" class="fl">
                  <img src="./img/bag.webp" alt="" class="fl" />
                  <span class="fl">小背包</span>
                </a>
              </div>
            </li>
          </ul>
        </div>
        <!-- 菜单 结束-->
      </div>
    </div>

    <!-- 横幅区域2下面那一排 -->
    <div class="banner2 container clearfix">
      <!-- 保障服务 -->
      <div class="banner2-service fl">
        <a href="" class="fl">
          <i class="iconfont i-shijian"></i>
          <p>保障服务</p>
        </a>
        <a href="" class="fl">
          <i class="iconfont i-qiye"></i>
          <p>企业团购</p>
        </a>
        <a href="" class="fl">
          <i class="iconfont i-Fma"></i>
          <p>F码通道</p>
        </a>
        <a href="" class="fl">
          <i class="iconfont i-Sim-Card"></i>
          <p>米粉卡</p>
        </a>
        <a href="" class="fl">
          <i class="iconfont i-yijiuhuanxin"></i>
          <p>以旧换新</p>
        </a>
        <a href="" class="fl">
          <i class="iconfont i-chongzhi"></i>
          <p>话费充值</p>
        </a>
      </div>
      <!-- 图片区域 -->

      <div class="banner-img fl">
        <a class="fl" href=""><img src="./img/banner1.jpg" alt="" /></a>
      </div>
      <div class="banner-img img2">
        <a href="" class="fl"><img src="./img/banner2.jpg" alt="" /></a>
      </div>
      <div class="banner-img img3">
        <a href="" class="fl"><img src="./img/banner3.jpg" alt="" /></a>
      </div>
    </div>

    <!-- 横幅区域结束 -->
    <!-- 橱窗区域 -->
    <div class="showcase-container clearfix">
      <div class="showcase container clearfix">
        <div class="clearfix">
          <div class="fl">手机</div>
          <div class="fr">
            <a href=""
              >查看更多
              <span><i class="iconfont i-right"></i></span>
            </a>
          </div>
        </div>
        <div class="fl mixfold">
          <div class="fl">
            <a href=""><img src="./img/mobile-first.webp" alt="" /></a>
          </div>
        </div>
        <div class="much-phone">
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
          <div class="phone fl">
            <a href="">
              <img src="./img/heisha.webp" alt="" />
              <div class="hezi">
                <p>黑鲨4S Pro</p>
                <p>电动升降全新</p>
                <p>4799元起</p>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 页脚 -->
    <div class="page-footer">
      <div class="container clearfix">
        <div class="foot-header">
          <a class="fl" href="">
            <i class="iconfont i-weixiu1"></i>
            预约维修服务
          </a>
          <a class="fl" href="">
            <i class="iconfont i-7tianwuliyoutuihuo"></i>
            7天无理由退货
          </a>
          <a class="fl" href="">
            <i class="iconfont i-tian"></i>
            15天免费换货
          </a>
          <a class="fl" href="">
            <i class="iconfont i-liwu"></i>
            满69包邮
          </a>
          <a class="fl" href="">
            <i class="iconfont i-didian"></i>
            520余家售后网点
          </a>
        </div>
        <div class="footer-contentarea clearfix">
          <div class="footer-links fl">
            <h3>帮助中心</h3>
            <a href="">账号管理</a>
            <a href="">购物指南</a>
            <a href="">订单操作</a>
          </div>
          <div class="footer-links fl">
            <h3>服务支持</h3>
            <a href="">售后政策</a>
            <a href="">自助服务</a>
            <a href="">相关下载</a>
          </div>
          <div class="footer-links fl">
            <h3>线下门店</h3>
            <a href="">小米之家</a>
            <a href="">服务网点</a>
            <a href="">授权体验店/专区</a>
          </div>
          <div class="footer-links fl">
            <h3>关于小米</h3>
            <a href="">了解小米</a>
            <a href="">加入小米</a>
            <a href="">投资者关系</a>
            <a href="">企业社会责任</a>
            <a href="">廉洁举报</a>
          </div>
          <div class="footer-links fl">
            <h3>关注我们</h3>
            <a href="">新浪微博</a>
            <a href="">官方微信</a>
            <a href="">联系我们</a>
            <a href="">公益基金会</a>
          </div>
          <div class="footer-links fl">
            <h3>特色服务</h3>
            <a href="">F 码通道</a>
            <p><a href="">礼物码</a></p>
            <a href="">防伪查询</a>
          </div>
          <!-- 人工客服 -->
          <div class="footer-people-server fl">
            <p class="server-number">400-100-5678</p>
            <p class="server-time">8:00-18:00(仅收市话费)</p>
            <p>
              <button type="button">
                <i class="i-liaotian iconfont"></i>
                <span>人工客服</span>
              </button>
            </p>
            <p class="server-sttention">
              <span>关注小米：</span>
              <i class="i-xinlang iconfont"></i>
              <i class="i-weixin iconfont"></i>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- 固定区域 -->
    <div class="fixed-area">
      <div class="rm-item">
        <i class="iconfont i-tel"></i>
        <span class="rm-title">手机APP</span>
        <div class="item-popups">
          <div class="item-ewm">
            <img src="./img/qrcode.png" alt="" />
          </div>
          <div class="font">扫码领取新</div>
          <div class="font">人百元礼包</div>
        </div>
      </div>
      <div class="rm-item">
        <i class="iconfont i-yonghu"></i>
        <span class="rm-title">个人中心</span>
      </div>
      <div class="rm-item">
        <i class="iconfont i-weixiu1"></i>
        <span class="rm-title">售后服务</span>
      </div>
      <div class="rm-item">
        <i class="iconfont i-kefu"></i>
        <span class="rm-title">人工客服</span>
      </div>
      <div class="rm-item">
        <i class="iconfont i-car"></i>
        <span class="rm-title">购物车</span>
      </div>
      <div class="rm-item">
        <i class="iconfont i-dingbu"></i>
        <span class="rm-title">回到顶部</span>
      </div>
    </div>
  </body>
</html>
